<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EsDev.ByJS</title>
    <style>
        *{  
            margin: auto;
            -webkit-user-select: none; 
            -moz-user-select: none; 
            -ms-user-select: none; 
            user-select: none; /* 标准语法 */
        }
        body{
            background: #000;
            display: flex; /* 添加flex布局以居中box1 */
            justify-content: center; /* 水平居中 */
            align-items: center; 
            min-height: 100vh; 
            margin: 0; /* 移除默认的body外边距 */
        }
        .box1{
            padding: 3%;
            /* flex: 1 2 200px; */ /* 移除flex属性，因为box1已经是居中的 */
            background: #000000; 
            border-radius: 10px; 
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); /* 添加阴影 */
            text-align: center; /* 添加文本居中对齐 */
        }
        .box1 h1{
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            color: rgb(255, 255, 255);
            margin-top: -20px;
            font-size: 80px;
        }
        .box1 img{
            max-width: 100%; /* 确保图片宽度不超过容器宽度 */
            height: auto;  
            pointer-events: none;  /* 图片不可以选择 */
            margin-top: 20px; 
        }
        .box1 h2, iframe{
            color: #ffffff;
            font-family: cursive;
            font-size: 50px;
            margin: 10px 0; 
        }
        iframe {
            margin-top: 20px; 
        }
    </style>
</head>
<body>
    
    <div class="box1">
        <h1>JSPHY</h1>
        <br>
        <img src="textt.svg">
        <h2>EMail:EsDev@qq.com</h2>
        <img src="https://yanxuan.nosdn.127.net/893636ce832353ddc385
        <br> 
        <img src=" https://yanxuan.nosdn.127.net/63715d62db55cea9a1a9d95
        <br> 
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=2106914093&auto=1&height=66"></iframe>
        <br> 
        <h4>仅供参考。</h4>
    </div>
        
</body>
</html>